<template>
	<view>
		<cu-page-bg></cu-page-bg>
		<view class="cu-w-100">
			<cu-navbar title="用户协议" :placeholder="true" @leftClick="vk.navigateBack()" :showLeft="true"
				:leftIconColor="{color:backgroundStyle.color}" :titleStyle="{color:backgroundStyle.color}"
				:style="getBackgroundStyle" bgColor="rgb(255,255,255,0)"></cu-navbar>
			<view class="cu-w-100">
				<view class="container">
					<view class="title">宝贝的账本小程序隐私保护说明</view>
					<view class="content">
						<view class="section">
							<view class="subtitle">1. 开发者处理的信息</view>
							<text>根据法律规定，开发者仅处理实现小程序功能所必要的信息。</text>
							<text>为了注册、登录小程序，开发者收集你的用户信息（微信昵称、头像、性别、地区）。</text>
						</view>

						<view class="section">
							<view class="subtitle">2. 第三方插件信息/SDK信息</view>
							<text>为实现特定功能，开发者可能会接入由第三方提供的插件/SDK。第三方插件/SDK的个人信息处理规则，请以其公示的官方说明为准。</text>
							<text>宝贝的账本程序接入的第三方插件信息/SDK信息如下：</text>
							<text>无</text>
						</view>

						<view class="section">
							<view class="subtitle">3. 你的权益</view>
							<text>开发者承诺，除法律法规另有规定外，开发者对你的信息的保存期限应当为实现处理目的所必要的最短时间。</text>
							<text>关于授权，你可以通过以下路径：小程序主页右上角“…”—“设置”—点击特定信息—点击“不允许”，撤回对开发者的授权。</text>
							<text>关于你的个人信息，你可以通过以下方式与开发者联系，行使查阅、复制、更正、删除等法定权利。</text>
							<text>邮箱：971762910@qq.com</text>
						</view>

						<view class="section">
							<view class="subtitle">4. 开发者对信息的存储</view>
							<text>开发者承诺，除法律法规另有规定外，开发者对你的信息的保存期限应当为实现处理目的所必要的最短时间。</text>
							<text>开发者将你的信息存储在中国大陆。</text>
						</view>

						<view class="section">
							<view class="subtitle">5. 信息的使用规则</view>
							<text>开发者将会在本指引所明示的用途内使用收集的信息。</text>
							<text>如开发者使用你的信息超出本指引目的或合理范围，开发者必须在变更使用目的或范围前，再次以邮件方式告知并征得你的明示同意。</text>
						</view>

						<view class="section">
							<view class="subtitle">6. 信息对外提供</view>
							<text>开发者承诺，不会主动共享或转让你的信息至任何第三方，如存在确需共享或转让时，开发者应当直接征得或确认第三方征得你的单独同意。</text>
							<text>开发者承诺，不会对外公开披露你的信息，如必须公开披露时，开发者应当向你告知公开披露的目的、披露信息的类型及可能涉及的信息，并征得你的单独同意。</text>
						</view>

						<view class="section">
							<text>你认为开发者未遵守上述约定，或有其他的投诉建议、或未成年人个人信息保护相关问题，可通过以下方式与开发者联系；或者向微信进行投诉。</text>
							<text>邮箱：971762910@qq.com</text>
						</view>
					</view>

					<view class="footer cu-pb-50">
						<view>更新日期：2025-04-14</view>
						<view>生效日期：2025-04-14</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	let vk = uni.vk;
	export default {
		computed: {
			getBackgroundStyle() {
				let style = {};
				style.background = "linear-gradient(45deg, " + this.main + ", " + this.secondary + ")";
				// 合并用户传递的背景色对象
				Object.assign(style, this.backgroundStyle);
				return style;
			}
		},
		data() {
			return {
				main: vk.getVuex('$app.color.main'),
				secondary: vk.getVuex('$app.color.secondary'),
				backgroundStyle: {
					color:"#FFF"
				}
			};
		},
		onLoad(options) {
			vk = uni.vk;
			this.init(options);
		},
		onShow() {
			this.init(undefined);
		},
		methods: {
			// 页面数据初始化函数
			init(options) {
				this.main = vk.getVuex('$app.color.main');
				this.secondary = vk.getVuex('$app.color.secondary');
			},
		}
	};
</script>

<style lang="scss" scoped>
	.container {
		padding: 20rpx;
		font-family: Arial, sans-serif;
		background-color: rgb(255,255,255,0.8);
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40rpx;
	}

	.content {
		font-size: 28rpx;
		line-height: 40rpx;
		color: #333;
	}

	.section {
		margin-bottom: 30rpx;
	}

	.subtitle {
		font-size: 32rpx;
		font-weight: bold;
		margin-bottom: 10rpx;
		color: #000;
	}

	.footer {
		margin-top: 40rpx;
		text-align: center;
		font-size: 24rpx;
		color: #888;
	}
</style>